<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<head>
    <meta charset="UTF-8">
    <title>{{title}}</title>
</head>
<link rel="stylesheet" type="text/css" href="../assets/css/index.css">
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.tailwindcss.com"></script>
<script src="../assets/js/index.js"></script>

<body>
    <nav class="shadow-md select-none">
        <ul class="w-full flex items-center cursor-pointer text-primary font-semibold lg:w-[1200px] lg:m-auto">
            <li class="mr-10 hover:text-[#1fb6ff]">主页</li>
            <li class="mr-10 hover:text-[#1fb6ff]">博客</li>
            <li class="mr-10 hover:text-[#1fb6ff]">公告中心</li>
            <li class="mr-10 hover:text-[#1fb6ff]">关于我们</li>
        </ul>
    </nav>

    <section id="content" class="relative">
        <aside class="hidden fixed top-[100px] left-0 lg:block 2lg:w-[200px]">
            <ul class="aside-ul flex flex-col text-primary text-center cursor-pointer">
            </ul>
        </aside>
        <iframe class="custom-scrollbar w-full h-full px-5 pt-[80px] lg:px-10 lg:pt-[100px]" srcdoc="{{{content}}}" scrolling="auto" ></iframe>
    </section>
    <footer class="flex justify-center items-center text-white select-none">
        Tailwind CSS 中文网 - 粤ICP备13048890号
    </footer>
</body>

</html>